<ui:composition
		xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:a4j="http://richfaces.org/a4j"
		xmlns:rich="http://richfaces.org/rich"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:itdep="http://itdep.bsuir.by/jsf"
		>

	<h:panelGroup>
		<h:outputText value="#{dictionaryBundle.flagList}: "/>
		<h:panelGrid columns="2" cellspacing="0" cellpadding="0">
			<h:inputText value="#{actionBean.description}"
						 id="#{idPrefix}FlagInput" style="width:120px"/>

			<h:graphicImage url="/img/arrow.png"
							onclick="#{rich:component('flagSuggestion')}.callSuggestion(true)"
							alt=""/>
		</h:panelGrid>
		<rich:suggestionbox for="#{idPrefix}FlagInput"
							id="flagSuggestion"
							height="100" width="200" minChars="2"
							usingSuggestObjects="true"
							suggestionAction="#{flagBean.suggest}" var="result"
							fetchValue="#{result.description}"
							nothingLabel="#{addressBundle.nothingFound}">
			<h:column>
				<div class="graphicImageInList">
					<h:graphicImage url="/img/all.PNG" styleClass="graphicImage"
									rendered="#{empty result.userMark}"/>
					<a4j:mediaOutput element="img"
									 styleClass="graphicImage noBorder"
									 rendered="#{not empty result.userMark}"
									 value="#{result.userMark}"
									 createContent="#{flagBean.paint}"/>
				</div>
			</h:column>
			<h:column>
				<h:outputText value="#{result.description}"/>
			</h:column>
			<ui:insert name="action"/>
		</rich:suggestionbox>
	</h:panelGroup>

</ui:composition>